@charset "utf-8";
html,body{height: 100%;}
div,p,span,a,nav,input,select,ul,li,img,button{ margin:0; padding:0; outline: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:Helvetica, "Helvetica Neue",  STHeiTi, sans-serif; margin: 0; padding: 0; margin: 0 auto; position: relative;}
img { border: 0;display: inline-block; max-width: 100%; vertical-align: middle;}
a{ text-decoration:none; color: #222;}
ul{ list-style: none; }
dl,ul,p{ -webkit-margin-before:0em; -webkit-margin-after:0em;}
input,select,textarea{-webkit-appearance: none; font-size: 12px; outline: none;}
body{ font-size: 12px; line-height: 20px; background: #f6f6f6; color: #111;}

.html{ width: 100%; margin: 0 auto; position: relative; z-index: 1; min-height: 100%;}
.alic{ text-align: center;}
.ovh{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.ptr{ position: relative;}
.bgcfff{ background: #fff;}
.wp100{ width: 100%;}
.ellipsis{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.dsn{ display: none;}
.dsb{ display: block;}
.pta{ position: absolute;}
.clearfix:after{ content: ""; display: block; clear: both; }
/*----weight-------*/
.tippop{ position: fixed; z-index: 99; left: 0; top: 50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size: 12px; text-align: center; width: 100%; padding: 0 30px;}
.tippop .text{ padding:20px 20px; display: block; width: 100%; font-size: 14px; border-radius: 4px; }
.tippop .danger{ background: #f2dede; color: #a94442;}
.tippop .success{ background: #dff0d8;color: #3c763d;}
.tippop .info{ background: #d9edf7;color: #31708f;}
.tippop .warning{ background: #fcf8e3;color: #8a6d3b;}
.tippop .tip{ background: rgba(0,0,0,.6);color: #fff;}

.tippop_bg{position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.6); z-index: 98;}
.tippop_alert{ position: fixed; z-index: 99; left: 50%; top: 50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size: 12px; text-align: center; min-width: 150px; width: 70%; border-radius: 5px; overflow: hidden;}
.tippop_alert_t{padding: 25px 15px; background: #fff; border-bottom: 1px solid #e8e8e8; text-align: center; font-size: 12px; color: #666; line-height: 20px;}
.tippop_alert_b{ display: block; height: 36px; line-height: 36px; text-align: center; font-size: 12px; color: #333; background: #fff; }
.tippop_confirm_btn{ display: block; float: left; width: 50%; height: 36px; line-height: 36px; color: #3da8f5;}
.tippop_confirm_btn:nth-child(1){ border-right:1px solid #e8e8e8;}

/*--rili--*/
.datepicker_div{ background: #fff; text-align: center; color: #222;}
.datepicker_div .dp-top{ height: 40px; line-height: 40px; position: relative; text-align: center;}
.datepicker_div .dp-top .prev{ display: block; height: 40px; width: 40px; position: absolute; left: 0; top: 0; text-align: center; line-height: 40px; color: #222; background: rgba(255,255,255,0.3);}
.datepicker_div .dp-top .next{ display: block; height: 40px; width: 40px; position: absolute; right: 0; top: 0; text-align: center; line-height: 40px; color: #222; background: rgba(255,255,255,0.3);}
.datepicker_div .dp-top .year,.datepicker_div .dp-top .m{ color: #666; padding: 0 5px; font-size: 14px;}
.datepicker_div .weekline{ overflow: hidden;}
.datepicker_div .week_li{ float: left; width: 14.28%; line-height: 30px;}
.datepicker_div .td{ width: 14.28%;}
.datepicker_div .a{ display: block; height: 34px; width: 34px; margin: 0 auto; font-size: 14px; line-height: 34px;  color: #7C86A2; text-align: center; position: relative;}
.datepicker_div .today{ background: #f9f9f9;}
.datepicker_div .active_a{ background: #ccc; background: #3DA8F5; color: #fff; border-radius: 50%;}
.datepicker_div table{border-collapse:collapse;}
.datepicker_div .dp_tablebox{ padding: 5px 0 10px; }
.datepicker_input_box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 10; display: none;}
.datepicker_input{position: absolute;   width: 100%;  bottom: 0; left: 0; background: #d1d4dd;}
.datepicker_input .dpls{ overflow: hidden; text-align: center; padding: 10px 0; position: relative;}
.datepicker_input .dp-select{ width: 16.6%; float: left; position: relative; height: 120px; overflow: hidden;}
.datepicker_input .dp-select:before{content: ""; display: block; position: absolute; left: 0; top: 0; height: 46px; width: 100%; background: rgba(209,212,221,.8); border-bottom: 1px solid #aaadb6; z-index: 2;}
.datepicker_input .dp-select:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 46px; width: 100%; background: rgba(209,212,221,.8); border-top: 1px solid #aaadb6; z-index: 2;}
.datepicker_input .dpls1 .dp-select{ width: 100%;}
.datepicker_input .dpls2 .dp-select{ width: 50%;}
.datepicker_input .dpls3 .dp-select{ width: 33.3%;}
.datepicker_input .dpls4 .dp-select{ width: 25%;}
.datepicker_input .dpls5 .dp-select{ width: 20%;}
.datepicker_input .dpls6 .dp-select{ width: 16.6%;}
.datepicker_input .dp-select-ul{ position: relative;}
.datepicker_input .dp-option{ line-height: 24px;}
.datepicker_input .dp-btns{ height: 40px; border-top: 1px solid #fff; z-index: 5;}
.datepicker_input .dp-btn{ display: block; float: left; width: 50%; background: #f0f1f3; height: 39px; border-left: 1px solid #fff; text-align: center; line-height: 39px; color: #3f94ee; font-weight: bold;}
.datepicker_input .dp-btn:nth-child(1){ border: none;}

/*index.html*/
.index-topline{ position: fixed; left: 0; top: 0; z-index: 3; width: 100%; height: 44px; padding: 0 55px 0 44px; background: #80be8d; color: #fff; }
.index-topline .back{ position: absolute; left: 0; top: 0; height: 44px; width: 44px; }
.index-topline .back:before{ content: ""; position: absolute; left: 45%; top: 50%; display: block; height: 10px; width: 10px; border:1px solid #fff; border-color: #fff transparent transparent #fff; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
.index-topline .ctrol{ display: block; height: 30px; width: 100%; margin-top: 7px; background: url(../images/icon_sear.png) no-repeat 10px center #fff; background-size: 12px 12px; border:none; padding-left: 30px; border-radius: 15px; font-size: 14px; }
.index-topline .sear{ position: absolute; right: 0; top: 0; line-height: 44px; padding-right: 14px; color: #fff; font-size: 14px; }
.index{ position: relative; background: #f7f7f7; }
.index .ileft{ position: fixed; left: 0; top: 0; height: 100%; width: 100px; background: #fff; padding-top: 44px; text-align: center; }
.index .ileft-ls{ display: block; line-height: 72px; font-size: 18px; }
.index .ileft-ls-active{ color: #05ac20; background: #f7f7f7; }
.index .iright{ padding: 54px 0 0 100px; overflow: hidden; }
.index .item{ display: block; float: left; width: 40%; margin: 0 0 20px 6.5%; }
.index .item-i{display: block; width: 100%; }
.index .item-til{ padding-top: 5px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*product.html*/
.product{ background: #fff; }
.product .top{ position: relative; }
.product .top-i{ display: block; width: 100%; }
.product .top-te{ position: absolute; left: 14px; bottom: 5px; font-size: 32px; line-height: 40px; color: #e20413; }
.product .top-ad{ color: #333; font-size: 18px; line-height: 24px; }
.product .top-red{ color: #e20413; padding-left: 4px;}
.product .video{ overflow: hidden; padding: 30px 14px; }
.product .ls{ float: left; width: 47%;}
.product .ls:nth-last-child(1),.product .btn:nth-last-child(1){ float: right; }
.product .ls-top{ height: 96px; background: #424242;  }
.product .ls-v{ height: 100%; width: 100%; background: #000; }
.product .ls-te{ font-size: 14px; text-align: center; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product .link{ display: block; position: relative;  padding: 24px 84px 24px 120px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.product .link-i{ position: absolute; left: 14px; top: 24px; height: 72px; width: 95px;  }
.product .link-text{ height: 72px; display: flex; align-items: center; }
.product .link-text:before{ content: ""; display: inline-block; vertical-align: middle; height: 72px; width: 0;}
.product .link-m{ vertical-align: middle; color: #50ac0d; line-height: 18px; font-size: 14px; }
.product .link-mo{ position: absolute; right: 14px; top: 50%; margin-top: -10px; color: #000; }
.product .bot{ position: fixed; left: 0; bottom: 0; overflow: hidden; width: 100%; padding: 14px; background: #fff; text-align: center; }
.product .btn{ display: block; float: left; width: 48%; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; background: #009a44; }

.share{ position: fixed; left: 0; top: 0; z-index: 4; display: none; height: 100%; width: 100%; background: rgba(0,0,0,.8); text-align: right; }
.share .share-t{ width: 82px; margin-right: 10px; }
.share .share-b{ display: block; clear: both; color: #fff; font-size: 14px; padding:30px 40px 0 0; }


/*product.html*/
.buy{ background: #fff; }
.buy .top-i{ display: block; width: 100%; }
.buy .til{ padding: 10px 0; color: #4eb212; text-align: center; font-size: 24px; line-height: 48px; text-align: center; }
.buy .lines{ padding-left: 14px; border-top: 1px solid #eee;  border-bottom: 1px solid #eee;}
.buy .line{ position: relative; line-height: 40px; border-bottom: 1px solid #eee; padding: 0 14px 0 60px; }
.buy .ado{ position: absolute; left: 0; top: 0; font-size: 12px; color: #999; line-height: 40px; }
.buy .ltext{ font-size: 14px; line-height: 20px; padding: 10px 0; text-align: right; }
.buy .lred{ color: #e20413; }
.buy .linput{}
.buy .ctrol{ display: block; height: 40px; font-size: 14px; text-align: right; width: 100%; border:none; }
.buy .select{ display: block; height: 40px; border:none; width: 100%; font-size: 14px; direction: rtl; background: none; }
.buy .linput-select{ padding-right: 10px; }
.buy .linput-select:after{content: ""; display: block; position: absolute; right: 12px; top: 50%; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; height: 8px; width: 8px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg);}
.buy .line-btn{ padding: 30px 14px 20px 0; border-bottom: none; }
.buy .btn{ display: block; width: 100%; background: #4eb212; color: #fff; font-size: 16px; border:none; height: 50px; line-height: 50px; text-align: center; border-radius: 25px; }
.buy .lnum{ position: relative; line-height: 30px; border:1px solid #eee; overflow: hidden; width: 100px; float: right; text-align: center; margin: 4px 0; }
.buy .lnum-m{ position: absolute; left: 0; top: 0; display: block; font-size: 24px; width: 30px; border-right: 1px solid #eee; color: #999; }
.buy .lnum-p{position: absolute; right: 0; top: 0; display: block; font-size: 24px; width: 30px; border-left: 1px solid #eee; color: #999; }
.buy .btn-tol{ padding-left: 10px; font-size: 12px; color: rgba(255,255,255,.7); }
.buy .btn-tolin{ color: #fff; font-size: 16px; }

/*product.html*/
.huodong{ padding-bottom: 20px; }
.huodong .topi{ display: block; width: 100%; }
.huodong .list{background: #fff; }
.huodong .item{ position: relative; min-height: 132px; padding: 14px 14px 14px 172px; border-top: 1px solid #eee; }
.huodong .item-i{ position: absolute; left: 14px; top: 14px; width: 148px; height: 105px; }
.huodong .item-line{ line-height: 18px; padding-bottom: 6px; }
.huodong .item-btn{ display: block; width: 100px; background: #80be8d; font-size: 16px; line-height: 32px; border-radius: 20px; text-align: center; color: #fff; margin: 0 auto; }

/*baoming.html*/
.baoming{ background: #fff; }
.baoming .til{ text-align: center; color: #57b626; font-size: 20px; line-height: 32px; padding: 30px 0; }
.baoming .input{ padding: 0 14px 20px; }
.baoming .ctrol{ display: block; width: 100%; height: 40px; border-radius: 20px; border:1px solid #ccc; padding-left: 40px; background: url() no-repeat 10px center; background-size: 24px 24px; font-size: 14px;  }
.baoming .ctrola{ background-image: url(../images/icon_name.jpg); }
.baoming .ctrolb{ background-image: url(../images/icon_phone.jpg); }
.baoming .btnl{ padding: 30px 14px 20px; }
.baoming .btn{display: block; width: 100%; background: #4eb212; color: #fff; font-size: 16px; border:none; height: 50px; line-height: 50px; text-align: center; border-radius: 25px;}
.baoming .btip{ text-align: center; }
.baoming .btip-link{ color: #4eb212; }

/*xiangmu.html*/
.xmtop{ z-index: 3; position: fixed; left: 0; top: 0; width: 100%; height: 52px; padding-top: 8px; background: #f1f1f1; overflow-x: scroll; white-space: nowrap;}
.xmtop .xmls{ display: inline-block; line-height: 36px; padding: 0 14px; color: #333; font-size: 16px; background: #fff; margin: 0 3px; box-shadow: 0 0 2px rgba(0,0,0,.1) }
.xmtop .xmls-active{ color: #fff; background: #37c0ae; }

.xiangmu{ padding-top: 52px; }
.xiangmu .list{ padding: 0 0 1px; }
.xiangmu .item{ display: block; background: #fff; margin-bottom: 10px; }
.xiangmu .i-top{ display: block; position: relative; height: 98px; padding: 14px 14px 14px 94px; }
.xiangmu .i-top-img{ position: absolute; left: 14px; top: 14px; height: 70px; width: 70px; }
.xiangmu .i-top-i{ height: 70px; width: 70px; }
.xiangmu .i-top-ado{ position: absolute; left: 0; top: 5px; z-index: 2; display: block; padding: 0 6px; background: #cf47c3; color: #fff; font-size: 10px; border-radius: 0 7px 7px 0; line-height: 16px; }
.xiangmu .i-top-til{ white-space: nowrap; font-size: 14px; overflow: hidden; text-overflow: ellipsis; color: #000; }
.xiangmu .i-info{ padding-top: 5px; color: #999; }
.xiangmu .i-info-j{ margin-left: 5px; }
.xiangmu .i-por{ display: block; padding: 14px; border-top: 1px solid #eee;  }
.xiangmu .i-por-top{ overflow: hidden; }
.xiangmu .i-por-price{ float: left; width: 70px; color: #37c0ae; font-weight: bold; font-size: 18px; text-align: right; }
.xiangmu .i-por-price-ado{ font-size: 12px; }
.xiangmu .i-por-til{ white-space: nowrap; font-size: 14px; overflow: hidden;text-overflow: ellipsis; padding-left: 10px; color: #666; }
.xiangmu .i-por-bot{ color: #999; padding-top: 5px; }
.xiangmu .i-pro-sell{ align-self: 12px; }
.xiangmu .i-pro-num{ float: right; font-size: 14px; }

.pb-stars{ overflow: hidden; padding-top: 5px; }
.pb-star{display: block; float: left; margin-left: 2px; height: 15px; width: 15px; background: url(../images/icon_star.jpg) no-repeat left top; background-size: 15px 30px;}
.pb-star-in{display: block;height: 15px; width: 15px; background: url(../images/icon_star.jpg) no-repeat left bottom; background-size: 15px 30px;}
.bp-star-num{ display: block; float: left; color: #fe9913; margin-left: 5px; }

/*shop.html*/
.swipe{ position: relative;}
.swipe .swipe_warp{ position: relative; z-index: 1; height: 100%; width: 100%; overflow: hidden;}
.swipe .swipe_ls{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.swipe .swipe_pos{ position: absolute; z-index: 2; bottom: 10px; width: 100%; text-align: center;}
.swipe .swipe_po{ display: inline-block; margin: 0 3px; height: 6px; width:6px; border-radius: 50%; background: #ccc;; transition:all .3s; -webkit-transition:all .3s;}
.swipe .swipe_po_ac{ background: #33b7a2;}

/*shop.html*/
.shop{}
.shop .til{ padding: 10px 14px 0; background: #fff; font-size: 16px; }
.shop .jug{ background: #fff; padding: 10px 14px; overflow: hidden; }
.shop .pb-stars{ float: left; padding-top: 0; }
.shop .rj{ float: left; color: #999; margin-left: 10px; }
.shop .optime{ font-size: 14px; padding: 14px 14px; background: #fff; color: #999; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.shop .adph{ overflow: hidden; background: #fff; padding: 6px 14px; }
.shop .adre{ float: left; width: 80%; background: url(../images/icon_map.png) no-repeat left center; background-size: 20px 20px; padding: 5px 10px 5px 30px; color: #999; }
.shop .adre-top{ font-size: 14px; color: #333; }
.shop .pho{ display: block; float: right; height:40px; width: 19%; border-left: 1px solid #eee; background: url(../images/icon_phone_o.jpg) no-repeat center center; background-size: 15px 18px;}
.shop .tiyan{ position: relative; border-top: 1px solid #eee; background: #fff; padding: 10px 14px; color: #38b6aa; }
.shop .tiyan-top{ color: #333; font-size: 16px; padding-bottom:6px; }
.shop .btn{ position: absolute; right: 14px; top: 10px; line-height: 46px; padding: 0 10px; border-radius: 5px; color: #fff; background: #fd9719; font-size: 20px; }
.shop .imgs{ margin-top: 10px; padding: 0 14px; background: #fff; }
.shop .imgs-til{ font-size: 14px; padding: 10px 0; }
.shop .img{ overflow: hidden; padding-bottom: 14px; }
.shop .img-i{ display: block; float: left; width: 31%; margin: 0 3% 10px 0; }
.shop .img-i:nth-child(3n){ margin-right: 0; }

.pop{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 9; }
.pop-cont{ background: #fff; position: absolute; left: 0; bottom: 0; width: 100%; }
.pop-shop .pop-times{ border-bottom: 10px solid #eee; }
.pop-shop .pop-line{ position: relative; border-bottom: 1px solid #eee;}
.pop-shop .ctrol{ position: relative; z-index: 2; display: block; height: 48px; line-height: 48px; font-size: 16px; border:none; background: none; width: 100%; text-align: right; }
.pop-shop .select{position: relative; z-index: 2; display: block; height: 48px; line-height: 48px; padding-right: 20px; font-size: 16px; border:none; background: none; width: 100%; direction: rtl; }
.pop-shop .pop-btns{ overflow: hidden; }
.pop-shop .pop-btn{ line-height: 46px; width: 50%; float: left; display: block; color: #333; font-size: 16px; text-align: center; }
.pop-shop .pop-btn:nth-last-child(1){ color: #38b6aa; border-left: 1px solid #eee; }
.pop-shop .pop-ado{ position: absolute; left: 0; top: 0; line-height: 48px; color: #999; padding-left: 14px; font-size: 14px; z-index: 1; }

/*qrcode.html*/
.qrcode{ height: 100%; overflow: hidden; }
.qrcode .bg{ position: relative; z-index: 2; width: 100%; }
.qrcode .bot{ position: fixed; left: 0;bottom: 0; z-index: 3; width: 100%; }
.qrcode .code{ position: absolute; z-index: 5; background: #fff; width: 50%;  padding: 10px; top: 44%; left: 25%; }

/*center.html*/
.center{}
.center .top{ position: relative; padding: 0 30px; }
.center .top-bg{ position: absolute; left: 0; top: 0; height: 125px; width: 100%; background: #80be8d; z-index: 1; }
.center .top-info{ position: relative; z-index: 2; height: 92px; padding: 16px 0 0 65px; }
.center .top-info-head{ position: absolute; left: 0; top: 14px; height: 54px; width: 54px; border:1px solid #ffab54; border-radius: 50%; }
.center .top-info-name{ color: #fff; font-size: 14px; line-height: 24px; }
.center .top-bot{ position: relative; z-index: 3; }
.center .top-tabs{ background: #fff; overflow: hidden; padding: 5px 0; text-align: center; }
.center .top-tab{ display: block; float: left; width: 33.3%; border-left: 1px solid #80be8d; height: 88px; }
.center .top-tab:nth-child(1){ border-left: none; }
.center .top-tab-t{ font-weight: bold; padding-top: 4px; }
.center .top-tab-key{ width: 70px; display: block; margin: 17px auto 0; }
.center .top-tab-n{ color: #b60608; font-size: 28px; line-height: 50px; padding-top: 5px; }
.center .top-tab-qy{ width: 90%; }
.center .top-btn{display: block; color: #fff; text-align: center; background: #80be8d; font-size: 20px; line-height: 40px;  }
.center .til{ line-height: 40px; font-size: 20px;  padding: 0 30px;}
.center .til-r{ float: right; font-size: 14px; color: #dc9111; }
.center .list{ margin: 0 30px; border:1px solid #cce3d1; }
.center .item{ position: relative; display: flex; align-items: center; overflow: hidden; background: #fff; border-bottom: 1px solid #eaf1ea; }
.center .item:nth-last-child(1){ border-bottom: none; }
.center .item-i{display: block; width: 40%;}
.center .item-m{ float: left; padding: 0  0 0 10px; width: 30%; text-align: center; }
.center .item-m-i{ display: block;}
.center .item-m-t{}
.center .item-btn{ position: absolute; right: 8px; top: 50%; margin-top: -15px; display: block; color: #fff; font-size: 14px; line-height: 30px; padding: 0 6px; border-radius: 5px; background: #82c290; }
.center .bot-btn{ position: fixed; left: 0; bottom: 0; z-index: 3; width: 100%; text-align: center; background: #5ad674; color: #fff; padding: 10px 0; font-size: 24px; line-height: 32px; }

/*keypage.html*/
.keypage{ background: #fff; text-align: center; }
.keypage .til{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; padding: 10px 0; }
.keypage .til-i{ display: block; margin: 0 auto; width: 280px; }
.keypage .stil{ display: inline-block; background: #4eb212; padding: 0 20px; margin: 30px 0; line-height: 28px; color: #fff; font-size: 18px; border-radius: 5px; }
.keypage .text{ padding: 0 18px 20px; text-align: left; font-size: 14px; }

/*pageqy.html*/
.pageqy{ background: #fff; }
.pageqy .til{ font-size: 24px; color: #54b623; text-align: center; border-bottom: 1px solid #eee; line-height: 48px; }
.pageqy .img{ width: 158px; margin: 0 auto; padding: 15px 0; }
.pageqy .stil{ position: relative; line-height: 32px; font-size: 18px; color: #54b623; padding-left: 30px; }
.pageqy .stil:after{ content: ""; display: block; position: absolute; left: 0; top: 48%; width: 100%; height: 2px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.pageqy .stil-in{ position: relative; z-index: 2; background: #fff; padding: 0 10px; }
.pageqy .lines{ padding: 10px 15px; }
.pageqy .line{ position: relative; padding: 0 0 5px 15px; color: #8a8a8a; font-size: 14px; }
.pageqy .line-ado{ position: absolute; left: 0; top: 0; }


/*register.html*/
.register{ background: #fff; }
.register .til{ padding: 5px 0; line-height: 48px; font-size: 20px; color: #54b623; text-align: center; }
.register .form{ padding: 0 30px; }
.register .line{ padding-bottom: 10px; }
.register .ctrol{ display: block; padding-left: 15px; border:1px solid #ccc; border-radius: 10px; font-size: 16px; height: 40px; width: 100%; }
.register .files{ overflow: hidden; padding-top: 5px; }
.register .file{ float: left; width: 40%; text-align: center; }
.register .file:nth-child(2){ float: right; }
.register .file-t{ font-size: 14px; color: #999; padding-bottom: 5px; }
.register .file-up{ position: relative; height: 70px; border:1px solid #ccc; border-radius: 8px; overflow: hidden; background: url(../images/ico_add.png) no-repeat center center; background-size: 40px 40px; }
.register .file-bg{ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; }
.register .upfile{ position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 100%; opacity: 0;}
.register .btnline{ padding: 20px 0 20px; }
.register .btn{ display: block; width: 100%; border:none; height: 50px; color: #fff; background: #54b623; font-size: 16px; border-radius: 25px; }
.register .btip{ text-align: center; }
.register .btip-link{ color: #4eb212; }













